import React from "react";
import "./hotMovie.scss";
import { Button } from "antd-mobile";
// import { useHistory } from 'react-router'

export default function FilmPreview(props: any) {
  // let history = useHistory()
  return (
    <div className="movieItem-box">
      {props.list.map((item: any) => {
        return (
          <div className="movieItem">
            <div className="img">
              <img src={"/api2" + item.cover} alt="描述" />
            </div>
            <div className="info">
              <div className="name">{item.name}</div>
              <div className="time">{item.playDate} 上映</div>
              <div
                className="introduction"
                dangerouslySetInnerHTML={{ __html: item.introduction }}
              />
            </div>
            <div className="btn">
              <Button color="primary">预售</Button>
            </div>
          </div>
        );
      })}
    </div>
  );
}
